{% extends  'base.html' %}
        
{% block sidebar %}
	
	{% for timeline in timelines %}
		<div class="sidebar">
			<h4><a class="home_link" href="timelines/{{ timeline.id }}">{{ timeline.title }}</a></h4>
			<h5>{{ timeline_members }}</h5>
			<h5>{{ timeline.creation_date }}</h5>
			<p>{{ timeline.description }}</p>
		</div>
	{% endfor %}
	
	{% if not timelines %}
		<div class="sidebar">
			<h3>Não há timelines!</h3>
			<h4><a href="/timelines/new">Comece uma nova timeline!</a></h4>
		</div>	
	{% endif %}
	
	<div class="sidebar">
		<h4>{{ count }} Timelines</h4>
		<h4>{{ members }} Usuários</h4>
	</div>
		
{% endblock %}

{% block content %}
	<script>
		$("#home_menu").addClass("selected");
	</script>  

	<div class="content">
		<h1>Home</h1>
		<p>O CrowdTimeline permite a criação de história no formato de linha do tempo. Histórias públicas podem ser montadas com a participação da multidão, permitindo uma maior riqueza de informações e detalhes.</p>
		<p>Você pode participar de três maneiras: 
			<ul>
				<li>Criando Timelines</li>
				<li>Criando Eventos para Timelines Existentes</li>
				<li>Enriquecendo Eventos através de recursos, tais como imagens e vídeos.</li>
			</ul>
		<p>Para começar a montar suas histórias, clique <a href="/user/login">aqui</a> e crie sua conta!</p>
	</div>
{% endblock %}